 <div class="span-24 barra last ui-corner-top" style="height:20px"></div>
<div class="span-24 ui-widget-content">
    <hr class="space">

    <div class="span-9 push-15">
        <div class="span-6">
            <button id="btnseguridad">
                Control de Usuarios
            </button>
        </div>
        <div class="span-2 last">
            <button id="btnsalir">
                Salir
            </button>
        </div>
    </div>


    <hr class="space">
    <div class="span-11" id="maindiv">
        <h2><?php echo $nombredelusuariologeado; ?></h2>
        <h1>Panel de control</h1>
    </div>
    <div id="divbotones" class="span-11 notice ui-corner-all">
        <!--<button id="btnimportar">
            Importar Datos LICENCIATURA
        </button>-->
        <button id="btnreporte">
            Reportes de LICENCIATURA
        </button>
        <!--<button id="btnimportar2">
            Importar Datos POSGRADO
        </button>-->
        <button id="btnreporte2">
            Reportes de POSGRADO
        </button>
    </div>
    <hr class="space">

    <div id="dialogo">  
    <h2>Seleccione una de las carreras:</h2>
    <?php echo form_dropdown('carrera', $opcionescombo, ''); ?>
    </div>
    
    <div id="dialogoposgrado">  
    <h2>Seleccione una de el Programa educativo:</h2>
    <?php echo form_dropdown('programa', $opcionescombo_posgrado, ''); ?>
    </div>

</div>
<div class="span-24 barra ui-corner-bottom" style="height:70px"></div>

<style>
    <!--
    #maindiv{ padding-left:15px; }
    #divbotones{ text-align:right; }
    #divbotones button { width:175px; }
    #dialogo{display:none;}
    #dialogoposgrado{display:none;}
    -->
</style>

<script type="text/javascript">
    $(function() {
        $('#btnseguridad').button().click(function(){ redirect_to('usuarios/catalogo'); });
        $('#btnsalir').button().click(function(){ redirect_to('usuarios/logout'); });
        $('#divbotones button').button();
        $('#btnimportar').button().click(function(){ redirect_to('importacion'); });
        $('#btnreporte').button().click(function(){ 
           // open_in_new('testpdf'); 
           $('#dialogo').dialog('open');
        });
        
        $('#btnimportar2').button().click(function(){ redirect_to('importacionPosgrado'); });
        $('#btnreporte2').button().click(function(){ 
           // open_in_new('testpdf'); 
           $('#dialogoposgrado').dialog('open');
        });
        
       $('#dialogo').dialog({
        autoOpen: false,
        show: "explode",
	hide: "explode",
        width: 600,
       // height: 650,
        modal: false,
        resizable: false,
        title: 'Carrera',
        buttons: {
          'Generar Reporte': function (){
            $('#dialogo').dialog('close');
            clave = $('select[name="carrera"]').val();
            open_in_new('testpdf/index/'+clave);
          },
          'Cancelar': function (){
            $('#dialogo').dialog('close');
          }
        }
    });
    
    $('#dialogoposgrado').dialog({
        autoOpen: false,
        show: "explode",
	hide: "explode",
        width: 750,
       // height: 650,
        modal: false,
        resizable: false,
        title: 'Carrera',
        buttons: {
          'Generar Reporte': function (){
            $('#dialogoposgrado').dialog('close');
            clave2 = $('select[name="programa"]').val();
            open_in_new('testpdf_posgrado/index/'+clave2);
          },
          'Cancelar': function (){
            $('#dialogoposgrado').dialog('close');
          }
        }
    });
    });
</script>